<ion-header  class="nav-header">
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-button (click)="backClick()">
        <ion-icon class="md-arrow-back"  ios="md-arrow-back"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title>我的邮件</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
 <div class="last-fk" *ngIf="isLastFk">
     <span class="l-fk-left"><ion-icon class="iconfont ion-ios-guangbo"></ion-icon><span>客服回复了您反馈的{{lastFk.type2}}问题</span></span>
     <span class="l-fk-right" (click)="onFkDetail(lastFk.fee_id)">查看回复</span>
 </div>
 <div class="last-blank"></div>
 <ul class="last-fk-list">
    <li *ngFor="let item of listFk" (click)="onFkDetail(item.fee_id)">
       <div class="l-f-list-left"><span [ngClass]="{'active':(item.is_reply=='1'&&item.is_see=='0')}" class="typeStl{{item.type}}">{{item.type2|substr:'[0,1]'}}</span></div>
       <div class="l-f-list-right">
           <div class="r-content">{{item.content|substr:'[0,60]'}} {{item.content.length>60?'......':''}}</div>
           <div class="r-other">
              <span>{{item.type2}}<span [ngClass]="{'active':item.is_reply!='1'}">（{{item.is_reply=='1'?'已回复':'待回复'}}）</span></span>
              <span>{{item.is_reply=='1'?item.updated2:item.created2}}</span>
           </div>
       </div>
    </li>
 </ul>
 <ion-infinite-scroll threshold="30%" (ionInfinite)="loadData($event)" [disabled]="disabled">
  <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="加载更多...">
  </ion-infinite-scroll-content>
</ion-infinite-scroll>
</ion-content>
<app-tab-self></app-tab-self>